<form action="index.php" method="post" name="adminForm">
<script type="text/javascript" src="<?= JURI::root( true ) ?>/components/com_pbny/views/venues/venues.js"></script>
<link rel="stylesheet" type="text/css" href="<?= JURI::root( true ) ?>/components/com_pbny/views/venues/venues.css"/> 

<div id="links">
    
  <?  if($this->venues): ?>
      <ul class="links" style="float:right;margin-right:150px;margin-top:0px">
  <?    foreach($this->venues as $venue):  ?>
        <li><a href="#venue-<?= $venue->id ?>"><?= $venue->name ?></a></li>
  <?    endforeach; ?>
      </ul>
    
  <?    foreach($this->venues as $venue):  ?>
        <div class="venue" id="venue-<?= $venue->id ?>" style="margin:30px">
  
          <p class="title"><?= $venue->name ?></p>
          <p style="margin-bottom:5px;">
            <a href="#" onClick="toggler(['map-<?= $venue->id ?>', 'image-<?= $venue->id ?>']);">Change View</a>
          </p>
          <div id="map-<?= $venue->id ?>" style="display:none">
          <? if($venue->google_map) 
            echo $venue->google_map;
             else
            echo "no map specified";
          ?>
          </div>
          <img id="image-<?= $venue->id ?>" src="<?= PBNYHelper::getFlickrImageUrl($venue->pic->flickr_id) ?>" width="350px" height="350px" alt="no image"/>          
          <p style="margin-bottom:15px"><?= $venue->address ?></p>
          
        </div>
  <?    endforeach;  ?>
  <?  endif;  ?>
  
</div>

</form>
